<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/sougou.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"/>
	    <link rel="stylesheet" href="css/reset.css">
		<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="wrap">
				<!-- 头部左边 -->
				<a href="#" class="hl">搜狗商城</a>
				<span class="hl">|</span>
				<a href="#" class="hl">意见反馈</a>
				<span class="hl">|</span>
				<a href="#" class="hl">收藏本站</a>
				<!-- 头部右边 -->
				<a href="#" class="hr car">购物车 (0)</a>
				<a href="#" class="hr">在线客服</a>
				<span class="hr">|</span>
				<a href="#" class="hr phoneMall">手机商城
				<!-- 二维码 -->
				<div class="qrcode-box">
					<img src="img/qrcode.jpg" >
					<div class="desc">微信扫码用手机购买</div>
				</div>
				</a>
				
				<span class="hr">|</span>
				<a href="#" class="hr">s码通道</a>
				<span class="hr">|</span>
				<a href="#" class="hr">注册</a>
				<a href="#" class="hr">登录</a>
			</div>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="wrap">
				<div class="logo">
					<span class="icon-logo"></span>
					<span class="name">搜狗商城</span>
				</div>
				<ul class="menu">
					<li class="menuitem"><a href="">首页</a></li>
					<li class="menuitem">
						<a href="" class="ittras">智能翻译</a>
						<!-- 智能翻译菜单 -->
						<div class=" sub-menu it">
							<ul class="wrap">
								<li class="sub-item">
									<a href="#" class="c1max">
										<span class="cover"><img src="img/c1max.jpg" ></span>
										<span class="name">搜狗AI录音笔C1 Max</span>
										<span class="price">¥ 798</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="pen">
									<span class="cover"><img src="img/pen.jpg" ></span>
									<span class="name">搜狗出品 糖猫词典笔</span>
									<span class="price">¥ 799</span>
								</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
									<a href="#" class="c1">
										<span class="cover"><img src="img/c1.jpg" ></span>
										<span class="name">搜狗AI录音笔C1</span>
										<span class="price">¥ 398</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="s1">
									<span class="cover"><img src="img/s1.jpg" ></span>
									<span class="name">搜狗AI录音笔C1</span>
									<span class="price">¥ 2698</span>
								</a>
									<span class="sub-sep"></span>	
								</li>
								<li class="sub-item">
									<a href="#" class="c1pro">
										<span class="cover"><img src="img/c1pro.jpg" ></span>
										<span class="name">搜狗AI录音笔C1 Pro</span>
										<span class="price">¥ 598</span>
									</a>
										<span class="sub-sep"></span>	
								</li>
								<li class="sub-item">
									<a href="#" class="e1">
										<span class="cover"><img src="img/e1.jpg" ></span>
										<span class="name">搜狗AI录音笔e1</span>
										<span class="price">¥ 1298</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					
					<li class="menuitem">
						<a href="" class="tangmao-watch">糖猫手表</a>
						<!-- 糖猫手表菜单 -->
						<div class="sub-menu watch">
							<ul class="wrap">
								<li class="sub-item">
									<a href="#" class="a10">
										<span class="cover"><img src="img/a10.jpg" ></span>
										<span class="name">糖猫A10</span>
										<span class="price">¥ 399</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="k1">
									<span class="cover"><img src="img/k1.jpg" ></span>
									<span class="name">糖猫K1</span>
									<span class="price">¥ 499</span>
								</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
									<a href="#" class="plus2">
										<span class="cover"><img src="img/plus2.jpg" ></span>
										<span class="name">糖猫plus2</span>
										<span class="price">¥ 199</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="y1">
									<span class="cover"><img src="img/y1.jpg" ></span>
									<span class="name">糖猫Y1</span>
									<span class="price">¥ 598</span>
								</a>
									<span class="sub-sep"></span>	
								</li>
								<li class="sub-item">
									<a href="#" class="dazyihou">
										<span class="cover"><img src="img/dazuihou.jpg" ></span>
										<span class="name">JOY2大嘴猴联名款</span>
										<span class="price">¥ 319</span>
									</a>
										<span class="sub-sep"></span>	
								</li>
								<li class="sub-item">
									<a href="#" class="joy2">
										<span class="cover"><img src="img/joy2.jpg" ></span>
										<span class="name">糖猫Joy2</span>
										<span class="price">¥ 319</span>
									</a>	
								</li>
							</ul>
						</div>
					</li>
					
					<li class="menuitem">
						<a href="" class="nav-part">配件</a>
						<!-- 配件菜单 -->
						<div class="sub-menu part">
							<ul class="wrap">
								<li class="sub-item">
									<a href="#" class="tt2">
										<span class="cover"><img src="img/t2.jpg" ></span>
										<span class="name">糖猫T2 卡通吊坠保护套</span>
										<span class="price">¥ 60</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="basic">
									<span class="cover"><img src="img/basic.jpg" ></span>
									<span class="name">basic 卡通吊坠保护套</span>
									<span class="price">¥ 60</span>
								</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
									<a href="#" class="bag">
										<span class="cover"><img src="img/bag.jpg" ></span>
										<span class="name">糖猫学生儿童小书包</span>
										<span class="price">¥ 99</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="t2basic">
									<span class="cover"><img src="img/t2basic.jpg" ></span>
									<span class="name">T2/basic专用原装表带</span>
									<span class="price">¥ 80</span>
								</a>
									<span class="sub-sep"></span>	
								</li>
								<li class="sub-item">
									<a href="#" class="color">
										<span class="cover"><img src="img/color.png" ></span>
										<span class="name">Color专用表带</span>
										<span class="price">¥ 59</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="menuitem"><a href="">社区</a></li>
					<li class="menuitem">
						<a href="" class="solve">AI 智能解决方案</a>
						<!-- AI 智能解决方案菜单 -->
						<div class="sub-menu subject">
							<ul class="wrap">
								<li class="sub-item">
									<a href="#" class="xiaoshou">
										<span class="cover"><img src="img/AIlogo1.png" ></span>
										<span class="name">智能销售</span>
									</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
								<a href="#" class="bangong">
									<span class="cover"><img src="img/AIlogo2.png" ></span>
									<span class="name">智能办公</span>
								</a>
									<span class="sub-sep"></span>
								</li>
								<li class="sub-item">
									<a href="#" class="jiaoyu">
										<span class="cover"><img src="img/AIlogo3.png" ></span>
										<span class="name">智能教育</span>
									</a>
									<span class="sub-sep"></span>
								</li>
							</ul>
						</div>
					</li>
					<li class="menuitem"><a href="">录音笔网页版</a></li>
					</ul>
			</div>
		</div>
		<!-- 主轮播 -->
		<div class="swiper-container">
			<!-- 轮播图片 -->
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="img/banner1.png" ></div>
		        <div class="swiper-slide"><img src="img/banner2.png" ></div>
		        <div class="swiper-slide"><img src="img/banner3.png" ></div>
				<div class="swiper-slide"><img src="img/banner4.png" ></div>
				<div class="swiper-slide"><img src="img/banner5.png" ></div>
				<div class="swiper-slide"><img src="img/banner6.png" ></div>
				<div class="swiper-slide"><img src="img/banner7.png" ></div>
				<div class="swiper-slide"><img src="img/banner8.png" ></div>
				<div class="swiper-slide"><img src="img/banner9.jpg" ></div>
		    </div>
			<!-- 分页器 -->
			<div class="swiper-pagination"></div>
			 <!-- 导航按钮 -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>
	    </div>
		
		<!-- 智能产品推荐 -->
		<!-- 标题 -->
		<div class="rec-title">
			<div class="wrap">
				<h2 class="title">智能产品推荐</h2>
				<span class="desc">工作学习，出国旅游好帮手</span>
			</div>
		</div>
		<!-- 推荐 -->
		<div class="recommend">
			<div class="wrap">
				<!-- 左边图 -->
				<div class="pic-banner">
					<a href="#"><img src="img/pic-banner.png" alt=""></a>
				</div>
				<!-- 右边轮播图 -->
				<div class="swiper-container " style="width: 580px;height: 370px;">
					<!-- 轮播图片 -->
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img src="img/pic-banner1.png" ></div>
				        <div class="swiper-slide"><img src="img/pic-banner2.png" ></div>
				        <div class="swiper-slide"><img src="img/pic-banner3.png" ></div>
				    </div>
					<!-- 分页器 -->
					<div class="swiper-pagination"></div>
					 <!-- 导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
				</div>
			</div>
		</div>
		<!-- 糖猫产品 -->
		<!-- 标题 -->
		<div class="product-title">
			<div class="wrap">
					<h2 class="title">糖猫产品</h2>
					<span class="desc">糖猫连续三年获“全国质量诚信示范企业”国民信赖品牌实至名归</span>
					<a href="#" class="all">全部</a>
				</div>
		</div>
		<!-- 产品 -->
		<div class="products">
			<div class="wrap">
				<div class="product-list">
					<a href="#" class="wordPen">
						<img src="img/pen1.jpg" alt="">
						<span class="name">搜狗出品 糖猫词典笔</span>
						<span class="desc">随扫随译扫出好成绩</span>
						<span class="price">¥ 799.00</span>
					</a>
				    <a href="#" class="phonewatch">
						<img src="img/phonewatch.jpg" alt="">
						<span class="name">搜狗糖猫A10 视频电话手表</span>
						<span class="desc">大屏长续航 多重精准定位</span>
						<span class="price">¥ 399.00</span>
					</a>
					<a href="#" class="tmk1">
						<img src="img/tangmaok1.jpg" alt="">
						<span class="name">搜狗糖猫K1</span>
						<span class="desc">能学习的视频电话手表</span>
						<span class="price">¥ 499.00</span>
						</a>
						<a href="#" class="tmjoy2">
							<img src="img/JOY21.jpg" >
							<span class="name">糖猫JOY2 能学口语的儿童手表</span>
							<span class="desc">4G高速网络，高清视频通话，AI多重...</span>
							<span class="price"><span class="curprice">¥ 319.00</span><del class="ori">¥ 379.00</del></span>
							</a>
				</div>
			</div>

		</div>
		<!-- banner1 -->
		<div class="banner1">
			<div class="wrap">
				<a href="#"><img src="img/ban1.png" ></a>
			</div>
		</div>
	    <!-- 爆款产品 -->
		<!-- 标题 -->
		<div class="hotpro-title">
			<div class="wrap">
				<h2 class="title">爆款产品</h2>
				<span class="desc">给您精心挑选的爆款产品</span>
			</div>
		</div>
	    <!-- 产品轮播 -->
		<div class="swiper-container hotproduct" style="width: 1200px; height: 400px;">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="img/bar1.jpg" ></div>
		        <div class="swiper-slide"><img src="img/bar2.jpg" ></div>
		        <div class="swiper-slide"><img src="img/bar3.png" ></div>
		    </div>
			<!-- 如果需要分页器 -->
			    <div class="swiper-pagination"></div>
			    <!-- 如果需要导航按钮 -->
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>
				</div>		
		
		<!--  糖猫配件 -->
		<div class="tmparts-title">
			<div class="wrap">
				<h2 class="title">糖猫配件</h2>
				<span class="desc">给您精心挑选的糖猫配件产品</span>
			</div>
		</div>
		<div class="tmparts">
			<div class="wrap">
				<div class="tmparts-list">
					<a href="##" class="tmbag">
						<img src="img/bag.jpg" alt="">
						<span class="name">糖猫书包</span>
						<span class="desc">搭配糖猫儿童电话手表</span>
						<span class="price">¥ 99.00</span>
					</a>
					<a href="#" class="tmband">
						<img src="img/color.png" alt="">
						<span class="name">Color专用表带</span>
						<span class="desc">备用表带，双色可选</span>
						<span class="price">¥ 59.00</span>
					</a>
					<a href="#" class="tmbasicband">
						<img src="img/t2basic.jpg" alt="">
						<span class="name">T2/basic专用原装表带</span>
						<span class="desc">备用表带，双色可选</span>
						<span class="price">¥ 80.00</span>
					</a>
					<a href="#" class="tmbuckle">
						<img src="img/buckle.jpg" alt="">
						<span class="name">E1好友版专用表扣</span>
						<span class="desc">小朋友之间的礼物</span>
						<span class="price">¥ 20.00</span>
					</a>
				</div>
			</div>
		</div>
	    <!-- banner2 -->
		<div class="banner2">
			<div class="wrap">
				<a href="#"><img src="img/ban2.jpg" ></a>
			</div>
		</div>
	    <!-- 产品视频 -->
		<!-- 标题 -->
		<div class="provideo-title">
			<div class="wrap">
				<h2 class="title">产品视频</h2>
				<span class="desc">生动演示，更快了解产品特色</span>
			</div>
		</div>
	    <!-- 产品视频列表 -->
		<div class="video-list">
			<div class="wrap">
				<div class="lists">
					<a class="pens1">
						<div class="cover cover-pens1">
							<img src="img/pens1.jpg" >
							<span class="play"></span>
						</div>
						<div class="info">
							<div class="tit">搜狗AI录音笔S1</div>
							<div class="desc">搜狗AI录音笔S1</div>
						</div>
					</a>
					
					<a href="#" class="penc1pro">
						<div class="cover cover-penc1pro">
							<img src="img/penc1pro.jpg" >
							<span class="play"></span>
						</div>
						<div class="info">
							<div class="tit">搜狗AI录音笔C1 Pro</div>
							<div class="desc">语音秒速转文字 WiFi快传</div>
						</div>
					</a>
					<a href="#" class="penc1">
						<div class="cover cover-penc1">
							<img src="img/penc1.jpg" >
							<span class="play"></span>
						</div>
						<div class="info">
							<div class="tit">搜狗AI录音笔C1</div>
							<div class="desc">录音笔也能出口成章了！</div>
						</div>
					</a>
					<a href="#" class="tangmmaojoy2">
						<div class="cover cover-joy2">
							<img src="img/tangmaojoy2.jpg" >
							<span class="play"></span>
						</div>
						<div class="info">
							<div class="tit">糖猫JOY2</div>
							<div class="desc">不在身边，也能时刻关心你的孩子</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!-- 视频 -->
		<div class="home-mask1">
			<div class="dialog-box video-player">
				<div class="tit">
					<span class="videoTitle">搜狗AI录音笔S1</span>
					<i class="icon-close"></i>
				</div>
				<div class="box">
					<video class="play1" loop autoplay controls src="img/s1.mp4" style="width: 900px;height: 540px;outline: none;" ></video>
				</div>
			</div>
		</div>
		<div class="home-mask2">
			<div class="dialog-box video-player">
				<div class="tit">
					<span class="videoTitle">搜狗AI录音笔C1 Pro</span>
					<i class="icon-close"></i>
				</div>
				<div class="box">
					<video class="play2" loop autoplay controls src="img/c1pro.mp4" style="width: 900px;height: 540px;outline: none;" ></video>
				</div>
			</div>
		</div>
		<div class="home-mask3">
			<div class="dialog-box video-player">
				<div class="tit">
					<span class="videoTitle">搜狗AI录音笔C1</span>
					<i class="icon-close"></i>
				</div>
				<div class="box">
					<video class="play3" loop autoplay controls src="img/penc1.mp4" style="width: 900px;height: 540px;outline: none;" ></video>
				</div>
			</div>
		</div>
		<div class="home-mask4">
			<div class="dialog-box video-player">
				<div class="tit">
					<span class="videoTitle">糖猫JOY2</span>
					<i class="icon-close"></i>
				</div>
				<div class="box">
					<video class="play4" loop autoplay controls src="img/tmjoy2.mp4" style="width: 900px;height: 540px;outline: none;" ></video>
				</div>
			</div>
		</div>
	    <!-- 页脚 -->
		<div class="footer">
			<div class="wrap">
				<div class="service">
					<!-- 左边 -->
					<div class="intro">
						<div class="flag">搜狗商城让生活更智能更方便</div>
						<ul class="icon-list">
							<li >
								<i class="fun"></i>
								<span>科技乐趣</span>
							</li>
							<li>
								<i class="ai"></i>
								<span>人工智能</span>
							</li>
							<li>
								<i class="traslate"></i>
								<span>智能翻译</span>
							</li>
							<li>
								<i class="life"></i>
								<span>智能生活</span>
							</li>
							<li>
								<i class="safe"></i>
								<span>可靠贴心</span>
							</li>
						</ul>
					</div>
					<!-- 中间 -->
					<div class="follow">
						<div class="focus">
							关注搜狗商城，<span>优惠活动</span>早知道
						</div>
						<ul class="code">
							<li>
								<img src="img/code1.jpg" alt="">
								<span>微信公众号</span>
							</li>
							<li>
								<img src="img/code2.jpg" alt="">
								<span>小程序</span>
							</li>
						</ul>
					</div>
					<!-- 右边 -->
					<div class="contact">
						<ul class="service-after">
							<li>
								<i class="icon-service-7"></i>
								<span>7天免费退货</span>
							</li>
							<li>
								<i class="repair"></i>
								<span>一年内保修</span>
							</li>
						</ul>
						<div class="btm">
							<span class="service-phone">客服电话</span>
							<span class="tel">400-123-7676</span>
							<span class="time">周一至周日 9:00 - 21:00</span>
							
						</div>
					</div>
				</div>
				<!-- 底部 -->
				<div class="base-footer">
					<div class="links">
						<a href="#">关于我们</a>
						<a href="#">意见反馈及投诉</a>
						<a href="#">用户协议</a>
						<a href="#">隐私政策</a>
						<a href="#">网址大全</a>
						<a href="#">售后服务</a>
						<a href="#">营业执照</a>
					</div>
					<div class="copyright">Copyright ©京ICP证050897号/京ICP备11001839号-1/京公网安备11000002000025号<i class="gongan"></i></div>
				</div>
			</div>
		</div>
		<!-- 右侧功能 -->
		<div class="toolbar">
			<div class="tools">
				<a href="#" class="center">
					<i class="icon-center"></i>
					<span>个人中心</span>
				</a>
				<a href="#" class="shopcar">
					<i class="icon-car"></i>
					<span>购物车</span>
				</a>
				<a href="#" class="online">
					<i class="icon-online"></i>
					<span>在线客服</span>
				</a>
			</div>
			<div class="gotop">
				<a href="#" class="gotop-link">
					<i class="icon-gotop"></i>
					<span>回顶部</span>
				</a>
			</div>
		</div>
		<!-- 二维码显示隐藏 -->
		<script type="text/javascript">
			$(".phoneMall").hover(function(){
			    $(".qrcode-box").css("display","block");
			    },function(){
			    $(".qrcode-box").css("display","none");
			  });
			  </script>
		<!-- 智能翻译菜单显示隐藏 -->
		<script type="text/javascript">
		$(".ittras").hover(function(){
		    $(".it").css("display","block");
		    },function(){
		    $(".it").css("display","none");
		  });
		</script>
		<!-- 糖猫手表菜单显示隐藏-->
		<script type="text/javascript">
			$(".tangmao-watch").hover(function(){
			    $(".watch").css("display","block");
			    },function(){
			    $(".watch").css("display","none");
			  });
		</script>
		<!-- 配件菜单显示隐藏 -->
		<script type="text/javascript">
			$(".nav-part").hover(function(){
			    $(".part").css("display","block");
			    },function(){
			    $(".part").css("display","none");
			  });
		</script>
		<!-- AI 智能解决方案菜单显示隐藏 -->
		<script type="text/javascript">
			$(".solve").hover(function(){
			    $(".subject").css("display","block");
			    },function(){
			    $(".subject").css("display","none");
			  });
		</script>
	   <!-- 主轮播 -->
		<script type="text/javascript">
	    	    var mySwiper = new Swiper ('.swiper-container', {
	    			autoplay:{
	    				stopOnLastSlide: true,
	    				disableOnInteraction: false,
	    
	    				},
	    				direction: 'horizontal', // 垂直切换选项
	    				loop: true, // 循环模式选项
	    				// 如果需要分页器
	    				pagination: {
	    					el: '.swiper-pagination',
	    					clickable:true,
	    					 },
	    					 // 如果需要前进后退按钮
	    					 navigation: {
	    						nextEl: '.swiper-button-next',
	    						prevEl: '.swiper-button-prev',
	    						},
	    							})        
	    		</script>
	    <!-- 智能产品推荐右边轮播图 -->
		<script type="text/javascript">
	    	    var mySwiper = new Swiper ('.swiper-container', {
	    			autoplay:{
	    				stopOnLastSlide: true,
	    				disableOnInteraction: false,
	    
	    				},
	    				direction: 'horizontal', // 垂直切换选项
	    				loop: true, // 循环模式选项
	    				// 如果需要分页器
	    				pagination: {
	    					el: '.swiper-pagination',
	    					clickable:true,
	    					 },
	    					 // 如果需要前进后退按钮
	    					 navigation: {
	    						nextEl: '.swiper-button-next',
	    						prevEl: '.swiper-button-prev',
	    						},
	    							})        
	    		</script>
		<!-- 爆款产品轮播 -->
		<script type="text/javascript">
					 var mySwiper = new Swiper ('.swiper-container', {
						 autoplay:{
							 stopOnLastSlide: true,
							 disableOnInteraction: false,
						 },
					    direction: 'horizontal', // 垂直切换选项
					    loop: true, // 循环模式选项
					    
					    // 如果需要分页器
					    pagination: {
					      el: '.swiper-pagination',
						  clickable:true,
					    },
					    
					    // 如果需要前进后退按钮
					    navigation: {
					      nextEl: '.swiper-button-next',
					      prevEl: '.swiper-button-prev',
					    },
					  })
		</script>
		<!-- 视频显示隐藏 -->
		<script type="text/javascript">
			$(".cover-pens1").click(function(){
			    $(".home-mask1").show();
			    })
			$(".icon-close").click(function(){
			    $(".home-mask1").hide();
				var video1 = document.getElementsByClassName('play1')[0];
				video1.pause();
			  });
			  $(".cover-penc1pro").click(function(){
			      $(".home-mask2").show();
			      })
			  $(".icon-close").click(function(){
			      $(".home-mask2").hide();
			  	var video2 = document.getElementsByClassName('play2')[0];
			  	video2.pause();
			    });
			$(".cover-penc1").click(function(){
				    $(".home-mask3").show();
				    })
				$(".icon-close").click(function(){
				    $(".home-mask3").hide();
					var video3 = document.getElementsByClassName('play3')[0];
					video3.pause();
				  });
				  $(".cover-joy2").click(function(){
				  	    $(".home-mask4").show();
				  	    })
				  	$(".icon-close").click(function(){
				  	    $(".home-mask4").hide();
				  		var video4 = document.getElementsByClassName('play4')[0];
				  		video4.pause();
				  	  });
			  </script>
			
		<!-- 回顶部 -->
		<script type="text/javascript">
			$(document).ready(function(){
			  //首先将gotop#隐藏
			  $(".gotop").hide();
			  //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
			  $(function () {
			    $(window).scroll(function(){
			    if ($(window).scrollTop()>100){
			    $(".gotop").fadeIn(100);
			    }
			    else
			    {
			    $(".gotop").fadeOut(100);
			    }
			    });
			    //当点击跳转链接后，回到页面顶部位置
			    $(".gotop").click(function(){
			    $('body,html').animate({scrollTop:0},"speed");
			    return false;
			    });
			    });
			    });
		</script>
	</body>
</html>
